:host {
  display: block;
  position: sticky;
  top: 0;
}

.main-menu {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: baseline;

  input, button, select, label {
    margin: var(--margin);
  }

  a {
    text-decoration: none;
    padding: 10px;
    color: white;
    cursor: pointer;

    &:hover {
      background: var(--menu-hovercolor);
    }
  }
}

.menu {
  background-color: var(--menu-bgcolor);
  border-bottom: 1px solid #AAA;
}

#maxRows {
  width: 4em;
}

.blink {
  animation-name: blinker;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

@keyframes blinker {
  0% {
    opacity: .5;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: .5;
  }
}
